<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta name="format-detection" content="telephone=no">
        <title>FrozenUI Demo</title>
        <script type="text/javascript" src="http://tajs.qq.com/stats?sId=37342703" charset="UTF-8"></script>
        <link rel="stylesheet" href="../css/frozen.css">
        <link rel="stylesheet" href="demo.css">
        <script src="../lib/zepto.min.js"></script>
        <script src="../js/frozen.js"></script>
    </head>
    
    <body ontouchstart>
        <header class="ui-header ui-header-positive ui-border-b">
            <i class="ui-icon-return" onclick="history.back()"></i><h1>会员栏，图标 vip</h1><button class="ui-btn">回首页</button>
        </header>
        <footer class="ui-footer ui-footer-btn">
            <ul class="ui-tiled ui-border-t">
                <li data-href="index.html" class="ui-border-r"><div>基础样式</div></li>
                <li data-href="ui.html" class="ui-border-r"><div>UI组件</div></li>
                <li data-href="js.html"><div>JS插件</div></li>
            </ul>
        </footer>
        <section class="ui-container">




<link rel="stylesheet" href="../css/global.css">
<section id="vip">
    <div class="demo-item">
        <p class="demo-desc">会员栏</p>
        <div class="demo-block">
            <div class="ui-tooltips-vip">
                <div class="ui-tooltips-cnt">
                    <i class="ui-icon-vip"></i>
                    <span>QQ会员xxxx</span>
                    <button class="ui-btn-vip">开通</button>
                </div>
            </div>
        </div>
    </div>
    <div class="demo-item">
        <p class="demo-desc">qq等级图标</p>
        <div class="demo-block">
            <span class="ui-icon-qqlevel ui-icon-qqlevel-none"></span>
            <span class="ui-icon-qqlevel ui-icon-qqlevel-king"></span>
            <span class="ui-icon-qqlevel ui-icon-qqlevel-sun"></span>
            <span class="ui-icon-qqlevel ui-icon-qqlevel-moon"></span>
            <span class="ui-icon-qqlevel ui-icon-qqlevel-star"></span>
        </div>
    </div>
    <div class="demo-item">
        <p class="demo-desc">鹅头图标</p>
        <div class="demo-block">
            <span class="ui-icon-qq"></span>
            <span class="ui-icon-vip"></span>
            <span class="ui-icon-svip"></span>
            <span class="ui-icon-yearvip"></span>
            <span class="ui-icon-yearsvip"></span>
        </div>
    </div>
    <div class="demo-item">
        <p class="demo-desc">会员等级图标</p>
        <div class="demo-block">
            测试
            <span class="ui-icon-viplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/vip.png)"></span>
            </span>
            <span class="ui-icon-viplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/vip1.png)"></span>
            </span>
            <span class="ui-icon-viplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/vip2.png)"></span>
            </span>
            <span class="ui-icon-viplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/vip3.png)"></span>
            </span>
            <span class="ui-icon-viplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/vip4.png)"></span>
            </span>
            <span class="ui-icon-viplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/vip5.png)"></span>
            </span>
            <span class="ui-icon-viplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/vip6.png)"></span>
            </span>
            <span class="ui-icon-viplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/vip7.png)"></span>
            </span>
            <span class="ui-icon-viplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/vip7.png)"></span>
            </span>
            <span class="ui-icon-viplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/vip8.png)"></span>
            </span>
        </div>
    </div>
    <div class="demo-item">
        <p class="demo-desc">会员等级图标铭牌</p>
        <div class="demo-block">
                        测试
            <span class="ui-icon-viplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/vip_s.png)"></span>
            </span>
            <span class="ui-icon-viplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/vip_s1.png)"></span>
            </span>
            <span class="ui-icon-viplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/vip_s2.png)"></span>
            </span>
            <span class="ui-icon-viplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/vip_s3.png)"></span>
            </span>
            <span class="ui-icon-viplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/vip_s4.png)"></span>
            </span>
            <span class="ui-icon-viplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/vip_s5.png)"></span>
            </span>
            <span class="ui-icon-viplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/vip_s6.png)"></span>
            </span>
            <span class="ui-icon-viplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/vip_s7.png)"></span>
            </span>
            <span class="ui-icon-viplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/vip_s8.png)"></span>
            </span>
        </div>
    </div>
    <div class="demo-item">
        <p class="demo-desc">会员等级图标</p>
        <div class="demo-block">
                        测试
            <span class="ui-icon-yearviplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/yearvip1.png)"></span>
            </span>
            <span class="ui-icon-yearviplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/yearvip2.png)"></span>
            </span>
            <span class="ui-icon-yearviplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/yearvip3.png)"></span>
            </span>
            <span class="ui-icon-yearviplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/yearvip4.png)"></span>
            </span>
            <span class="ui-icon-yearviplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/yearvip5.png)"></span>
            </span>
            <span class="ui-icon-yearviplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/yearvip6.png)"></span>
            </span>
            <span class="ui-icon-yearviplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/yearvip7.png)"></span>
            </span>
            <span class="ui-icon-yearviplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/yearvip8.png)"></span>
            </span>
        </div>
    </div>
    <div class="demo-item">
        <p class="demo-desc">会员等级图标</p>
        <div class="demo-block">
                        测试
            <span class="ui-icon-yearviplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/yearvip_s1.png)"></span>
            </span>
            <span class="ui-icon-yearviplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/yearvip_s2.png)"></span>
            </span>
            <span class="ui-icon-yearviplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/yearvip_s3.png)"></span>
            </span>
            <span class="ui-icon-yearviplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/yearvip_s4.png)"></span>
            </span>
            <span class="ui-icon-yearviplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/yearvip_s5.png)"></span>
            </span>
            <span class="ui-icon-yearviplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/yearvip_s6.png)"></span>
            </span>
            <span class="ui-icon-yearviplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/yearvip_s7.png)"></span>
            </span>
            <span class="ui-icon-yearviplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/yearvip_s8.png)"></span>
            </span>
        </div>
    </div>
    <div class="demo-item">
        <p class="demo-desc">会员等级图标</p>
        <div class="demo-block">
                        测试
            <span class="ui-icon-sviplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/svip.png)"></span>
            </span>
            <span class="ui-icon-sviplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/svip1.png)"></span>
            </span>
            <span class="ui-icon-sviplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/svip2.png)"></span>
            </span>
            <span class="ui-icon-sviplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/svip3.png)"></span>
            </span>
            <span class="ui-icon-sviplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/svip4.png)"></span>
            </span>
            <span class="ui-icon-sviplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/svip5.png)"></span>
            </span>
            <span class="ui-icon-sviplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/svip6.png)"></span>
            </span>
            <span class="ui-icon-sviplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/svip7.png)"></span>
            </span>
            <span class="ui-icon-sviplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/svip8.png)"></span>
            </span>
        </div>
    </div>
    <div class="demo-item">
        <p class="demo-desc">会员等级图标</p>
        <div class="demo-block">
                        测试
            <span class="ui-icon-sviplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/svip_s.png)"></span>
            </span>
            <span class="ui-icon-sviplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/svip_s1.png)"></span>
            </span>
            <span class="ui-icon-sviplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/svip_s2.png)"></span>
            </span>
            <span class="ui-icon-sviplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/svip_s3.png)"></span>
            </span>
            <span class="ui-icon-sviplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/svip_s4.png)"></span>
            </span>
            <span class="ui-icon-sviplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/svip_s5.png)"></span>
            </span>
            <span class="ui-icon-sviplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/svip_s6.png)"></span>
            </span>
            <span class="ui-icon-sviplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/svip_s7.png)"></span>
            </span>
            <span class="ui-icon-sviplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/svip_s8.png)"></span>
            </span>
        </div>
    </div>
    <div class="demo-item">
        <p class="demo-desc">会员等级图标</p>
        <div class="demo-block">
                        测试
            <span class="ui-icon-yearsviplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/yearsvip1.png)"></span>
            </span>
            <span class="ui-icon-yearsviplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/yearsvip2.png)"></span>
            </span>
            <span class="ui-icon-yearsviplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/yearsvip3.png)"></span>
            </span>
            <span class="ui-icon-yearsviplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/yearsvip4.png)"></span>
            </span>
            <span class="ui-icon-yearsviplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/yearsvip5.png)"></span>
            </span>
            <span class="ui-icon-yearsviplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/yearsvip6.png)"></span>
            </span>
            <span class="ui-icon-yearsviplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/yearsvip7.png)"></span>
            </span>
            <span class="ui-icon-yearsviplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/yearsvip8.png)"></span>
            </span>
        </div>
    </div>
    <div class="demo-item">
        <p class="demo-desc">会员等级图标</p>
        <div class="demo-block">
                        测试
            <span class="ui-icon-yearsviplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/yearsvip_s1.png)"></span>
            </span>
            <span class="ui-icon-yearsviplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/yearsvip_s2.png)"></span>
            </span>
            <span class="ui-icon-yearsviplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/yearsvip_s3.png)"></span>
            </span>
            <span class="ui-icon-yearsviplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/yearsvip_s4.png)"></span>
            </span>
            <span class="ui-icon-yearsviplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/yearsvip_s5.png)"></span>
            </span>
            <span class="ui-icon-yearsviplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/yearsvip_s6.png)"></span>
            </span>
            <span class="ui-icon-yearsviplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/yearsvip_s7.png)"></span>
            </span>
            <span class="ui-icon-yearsviplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/yearsvip_s8.png)"></span>
            </span>
        </div>
    </div>
    <div class="demo-item">
        <p class="demo-desc">会员等级图标</p>
        <div class="demo-block">
                        测试
            <span class="ui-icon-mq">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/mq_vip.png)"></span>
            </span>
            <span class="ui-icon-mq">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/mq_yearvip.png)"></span>
            </span>
        </div>
    </div>
    <div class="demo-item">
        <p class="demo-desc">会员等级图标</p>
        <div class="demo-block">
                        测试
            <span class="ui-icon-viplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/vip.png)"></span>
            </span>
            <span class="ui-icon-viplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/vip1.png)"></span>
            </span>
            <span class="ui-icon-viplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/vip2.png)"></span>
            </span>
            <span class="ui-icon-viplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/vip3.png)"></span>
            </span>
            <span class="ui-icon-viplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/vip4.png)"></span>
            </span>
            <span class="ui-icon-viplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/vip5.png)"></span>
            </span>
            <span class="ui-icon-viplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/vip6.png)"></span>
            </span>
            <span class="ui-icon-viplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/vip7.png)"></span>
            </span>
            <span class="ui-icon-viplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/vip8.png)"></span>
            </span>
        </div>
    </div>
    <div class="demo-item">
        <p class="demo-desc">会员等级图标</p>
        <div class="demo-block">
                        测试
            <span class="ui-icon-viplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/vip_s.png)"></span>
            </span>
            <span class="ui-icon-viplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/vip_s1.png)"></span>
            </span>
            <span class="ui-icon-viplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/vip_s2.png)"></span>
            </span>
            <span class="ui-icon-viplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/vip_s3.png)"></span>
            </span>
            <span class="ui-icon-viplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/vip_s4.png)"></span>
            </span>
            <span class="ui-icon-viplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/vip_s5.png)"></span>
            </span>
            <span class="ui-icon-viplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/vip_s6.png)"></span>
            </span>
            <span class="ui-icon-viplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/vip_s7.png)"></span>
            </span>
            <span class="ui-icon-viplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/vip_s8.png)"></span>
            </span>
        </div>
    </div>
    <div class="demo-item">
        <p class="demo-desc">会员等级图标</p>
        <div class="demo-block">
                        测试
            <span class="ui-icon-yearviplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/yearvip1.png)"></span>
            </span>
            <span class="ui-icon-yearviplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/yearvip2.png)"></span>
            </span>
            <span class="ui-icon-yearviplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/yearvip3.png)"></span>
            </span>
            <span class="ui-icon-yearviplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/yearvip4.png)"></span>
            </span>
            <span class="ui-icon-yearviplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/yearvip5.png)"></span>
            </span>
            <span class="ui-icon-yearviplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/yearvip6.png)"></span>
            </span>
            <span class="ui-icon-yearviplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/yearvip7.png)"></span>
            </span>
            <span class="ui-icon-yearviplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/yearvip8.png)"></span>
            </span>
        </div>
    </div>
    <div class="demo-item">
        <p class="demo-desc">会员等级图标</p>
        <div class="demo-block">
                        测试
            <span class="ui-icon-yearviplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/yearvip_s1.png)"></span>
            </span>
            <span class="ui-icon-yearviplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/yearvip_s2.png)"></span>
            </span>
            <span class="ui-icon-yearviplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/yearvip_s3.png)"></span>
            </span>
            <span class="ui-icon-yearviplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/yearvip_s4.png)"></span>
            </span>
            <span class="ui-icon-yearviplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/yearvip_s5.png)"></span>
            </span>
            <span class="ui-icon-yearviplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/yearvip_s6.png)"></span>
            </span>
            <span class="ui-icon-yearviplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/yearvip_s7.png)"></span>
            </span>
            <span class="ui-icon-yearviplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/yearvip_s8.png)"></span>
            </span>
        </div>
    </div>
    <div class="demo-item">
        <p class="demo-desc">会员等级图标</p>
        <div class="demo-block">
                        测试
            <span class="ui-icon-sviplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/svip.png)"></span>
            </span>
            <span class="ui-icon-sviplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/svip1.png)"></span>
            </span>
            <span class="ui-icon-sviplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/svip2.png)"></span>
            </span>
            <span class="ui-icon-sviplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/svip3.png)"></span>
            </span>
            <span class="ui-icon-sviplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/svip4.png)"></span>
            </span>
            <span class="ui-icon-sviplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/svip5.png)"></span>
            </span>
            <span class="ui-icon-sviplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/svip6.png)"></span>
            </span>
            <span class="ui-icon-sviplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/svip7.png)"></span>
            </span>
            <span class="ui-icon-sviplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/svip8.png)"></span>
            </span>
        </div>
    </div>
    <div class="demo-item">
        <p class="demo-desc">会员等级图标</p>
        <div class="demo-block">
                        测试
            <span class="ui-icon-viplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/svip_s.png)"></span>
            </span>
            <span class="ui-icon-sviplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/svip_s1.png)"></span>
            </span>
            <span class="ui-icon-sviplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/svip_s2.png)"></span>
            </span>
            <span class="ui-icon-sviplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/svip_s3.png)"></span>
            </span>
            <span class="ui-icon-sviplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/svip_s4.png)"></span>
            </span>
            <span class="ui-icon-sviplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/svip_s5.png)"></span>
            </span>
            <span class="ui-icon-sviplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/svip_s6.png)"></span>
            </span>
            <span class="ui-icon-sviplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/svip_s7.png)"></span>
            </span>
            <span class="ui-icon-sviplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/svip_s8.png)"></span>
            </span>
        </div>
    </div>
    <div class="demo-item">
        <p class="demo-desc">会员等级图标</p>
        <div class="demo-block">
                        测试
            <span class="ui-icon-yearsviplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/yearsvip1.png)"></span>
            </span>
            <span class="ui-icon-yearsviplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/yearsvip2.png)"></span>
            </span>
            <span class="ui-icon-yearsviplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/yearsvip3.png)"></span>
            </span>
            <span class="ui-icon-yearsviplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/yearsvip4.png)"></span>
            </span>
            <span class="ui-icon-yearsviplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/yearsvip5.png)"></span>
            </span>
            <span class="ui-icon-yearsviplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/yearsvip6.png)"></span>
            </span>
            <span class="ui-icon-yearsviplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/yearsvip7.png)"></span>
            </span>
            <span class="ui-icon-yearsviplevel">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/yearsvip8.png)"></span>
            </span>
        </div>
    </div>
    <div class="demo-item">
        <p class="demo-desc">会员等级图标</p>
        <div class="demo-block">
                        测试
            <span class="ui-icon-yearsviplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/yearsvip_s1.png)"></span>
            </span>
            <span class="ui-icon-yearsviplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/yearsvip_s2.png)"></span>
            </span>
            <span class="ui-icon-yearsviplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/yearsvip_s3.png)"></span>
            </span>
            <span class="ui-icon-yearsviplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/yearsvip_s4.png)"></span>
            </span>
            <span class="ui-icon-yearsviplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/yearsvip_s5.png)"></span>
            </span>
            <span class="ui-icon-yearsviplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/yearsvip_s6.png)"></span>
            </span>
            <span class="ui-icon-yearsviplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/yearsvip_s7.png)"></span>
            </span>
            <span class="ui-icon-yearsviplevel-s">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/yearsvip_s8.png)"></span>
            </span>
        </div>
    </div>
    <div class="demo-item">
        <p class="demo-desc">会员等级图标</p>
        <div class="demo-block">
                        测试
            <span class="ui-icon-mq">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/mq_vip.png)"></span>
            </span>
            <span class="ui-icon-mq">
                <span style="background-image: url(http://i.gtimg.cn/vipstyle/frozenui/1.0.0/img/level/off/mq_yearvip.png)"></span>
            </span>
        </div>
    </div>
    
</section>


        </section><!-- /.ui-container-->
        <script>
        $('.ui-list li,.ui-tiled li').click(function(){
            if($(this).data('href')){
                location.href= $(this).data('href');
            }
        });
        $('.ui-header .ui-btn').click(function(){
            location.href= 'index.html';
        });
        </script>
    </body>
</html>


